<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Yoyo</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
	<link rel="icon" href="./logo/yoyo.ico">
	<link rel="stylesheet" type="text/css" href="./css/common.css">
	<!--[if lt IE 9]>
  	<p class="err">您的浏览器版本过低，请<a href="http://browsehappy.com/">升级浏览器</a></p>
  <![endif]-->
</head>
<body>
	<div class="re-left">
		<h3>Yoyo's Resume</h3>
		<div class="nav-btn-b">
			<div class="nav-btn"><span></span></div>
		</div>
		
		<div class="nav-box">
			<ul class="nav">
				<li class="act">个人<span>About Me</span></li>
				<li>项目<span>Portfolio</span></li>
				<li>技能<span>Skill</span></li>
				<li>联系<span>Contact</span></li>
			</ul>
			<div class="re-left-btm">
				<div class="link">
					<a href="mailto:hello_uou@163.com" target="_blank"><img src="./logo/163-ico.png" alt="网易邮箱ico"></a>
					<a href="https://www.jianshu.com/u/bddab66117d5" target="_blank"><img src="./logo/js-ico.png" alt="简书ico"></a>
					<a href="https://github.com/UoUPoPUoU" target="_blank"><img src="./logo/github-ico.png" alt="github&nbsp;ico"></a>
					<a href="https://gitee.com/Yoyo_Yin" target="_blank"><img src="./logo/my-ico.png" alt="码云ico"></a>
				</div>
				<div class="copyright">© copyright YOYO, 2018</div>
			</div>
		</div>
		
	</div>
	<div class="re-right">
		<div class="tab act">
			<div class="top">
				<h3>尹双</h3>
			</div>
			<div class="container">
				<div class="case">
					<h4>赛曼科技有限公司(2017.4-2018.5)</h4>
					<ul>
						<li>职位名称：Web前端开发</li>
						<li>工作描述：
							<ol class="eg">
								<li>根据项目设计图开发前端代码，配合程序开发工程师完成后端数据的接口；</li>
								<li>解决不同的浏览器及不同版本的兼容性问题；</li>
								<li>负责公司现有项目和新项目的前端修改调试和开发工作；</li>
							</ol>
						</li>
					</ul>
				</div>
			</div>
			
		</div>
		<div class="tab">
			<div class="top">
				<h3>Portfolio</h3>
			</div>
			<div class="container">
				<div class="case">
					<h4>会盟全景</h4>
					<div class="case-img">
						<img src="./logo/hmw.png">
					</div>
					<ul>
						<li>会盟全景是以VR全景、VR购物、3D商品展示作为主要技术板块的综合性服务平台，兼容PC/移动端响应式网站。</li>
						<li>主要负责前端的制作，网站以ZUI和jQuery搭建，多以数据交互数据展示为主，锻炼了前后台合作开发以及调试的能力。</li>
						<li>实现技术：Photoshop、html(5)、css(3)、javascript、jQuery、ajax</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://720.huimwang.com/">会盟全景</a></li>
					</ul>
				</div>
				<div class="case">
					<h4>百安居</h4>
					<div class="case-img">
						<img src="./logo/baj.jpg">
					</div>
					<ul>
						<li>百安居是以VR全景、VR购物、3D商品展示作为主要技术板块的综合性服务平台。</li>
						<li>此项目我负责用ajax+php+mySql，以实现部分页面交互逻辑页面。</li>
						<li>实现技术：javascript、jQuery、ajax、PHP、mySQL</li>
						<li>项目还在测试阶段，没有演示站和虚拟域名访问。</li>
					</ul>
				</div>
				<div class="case">
					<h4>深圳人才园 </h4>
					<div class="case-img">
						<img src="./logo/rcy.png">
					</div>
					<ul>
						<li>此项目为深圳人才园打造的全景VR网站，通过语音解说和全方位查看全景带来真实感观。</li>
						<li>此项目是我的独立项目，兼容pc/手机/微信 响应式布局,目前还未正式上线，此链接是公司的演示站。</li>
						<li>实现技术： krpano + javascript;</li>
						<li>实现功能： 场景漫游 + 小行星开场 + 开场提示 + 陀螺仪 + 开启VR模式 + 语音解说 + 支持pc/手机端观看 + 自定义地图 + 沙盘设置</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://demo.krpano100.com/temp/liangzi2/tour.html">深圳人才园</a></li>
					</ul>
				</div>
				<div class="case">
					<h4>全景在线</h4>
					<div class="case-img">
						<img src="./logo/qjzx.png">
					</div>
					<ul>
						<li>全景在线以VR全景、VR视频、作者展示以及独家教程作为主要技术板块的综合性服务平台，兼容PC/移动端响应式网站。</li>
						<li>一个为我的初始版和线上版</li>
						<li>实现技术：Photoshop、html(5)、css(3)、javascript、jQuery</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://yoyo_yin.gitee.io/panoramic_online">全景在线</a></li>
						<li>线上项目观览 请移步请移步&nbsp;：&nbsp;<a href="http://720real.com">全景在线</a></li>
					</ul>
				</div>
				<div class="case">
					<h4>厦门全景</h4>
					<div class="case-img">
						<img src="./logo/xiamen.png">
					</div>
					<ul>
						<li>厦门全景是以全景VR的房源主题手机网站，所以和其他网页用的象数单位不一样，换成rem比较好。</li>
						<li>实现技术：Photoshop、html(5)、css(3)、javascript、jQuery</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://yoyo_yin.gitee.io/panorama_of_xiamen">厦门全景</a></li>
					</ul>
				</div>
				<div class="case">
					<h4>全景乡愁</h4>
					<div class="case-img">
						<img src="./logo/qjxc.png">
					</div>
					<ul>
						<li>全景乡愁是秉承“系住乡愁，见证变迁”为运营宗旨，打造热爱家乡、宣传家乡、接地气的专业全景内容展示平台。</li>
						<li>实现技术：Photoshop、html(5)、css(3)、javascript、jQuery</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://bz.720vrar.com">全景乡愁</a></li>
					</ul>
				</div>
				<div class="case">
					<h4>云景中国</h4>
					<div class="case-img">
						<img src="./logo/yjzg.jpg">
					</div>
					<ul>
						<li>云景中国一全球领先的VR全景制作、展示、分享、交易的垂直PC服务平台。</li>
						<li>实现技术：Photoshop、html(5)、css(3)、javascript、jQuery</li>
						<li>项目观览请移步&nbsp;：&nbsp;<a href="http://www.yunjing720.com">云景中国</a></li>
					</ul>
				</div>
			</div>
			
		</div>
		<div class="tab">
			<div class="top">
				<h3>Skill</h3>
			</div>
			<div class="container">
				<div class="skill clearFix">
					<div class="skill-left">
						<ul class="skill-list">
							<li>熟练掌握HTML(5)和常用CSS(3)，具有<span>像素级</span>还原设计稿的能力。</li>
							<li>熟练掌握原生Javascript，掌握重要概念如： 
								<span>原型</span>、
								<span>闭包</span>、
								<span>作用域链</span>、
								<span>面向对象</span>、
								<span>封装</span>。
							</li>
							<li>熟练使用
								<span>Chrome 开发工具教程</span> 、
								<span>微信web开发者工具</span>、
								<span>SubLime Text</span> 
							进行页面调试。</li>
						</ul>
					</div>
					<div class="skill-right">
						<ul class="skill-list">
							<li>
								熟悉<span>HTTP协议</span>及浏览器<span>渲染原理</span>
							</li>
							<li>
								熟悉<span>phpStudy &amp; Git </span>，能够使用MySQL搭配PHP进行基本后台开发。
							</li>
							<li>
								遵守<span>前端开发规范</span> 追求风格优雅，整洁的代码。
							</li>
						</ul>
					</div>
				</div>
				<div class="label">
					<div>
						<span>HTML(5)</span>
						<span>CSS(3)</span>
						<span>JavaScript</span>
					</div>
					<div>
						<span>jQuery</span>
						<span>ZUI</span>
						<span>Bootstrap</span>
					</div>
					<div>
						<span>AJAX</span>
						<span>PHP</span>
						<span>MySQL</span>
						<span>HTTP</span>
					</div>
					<div>
						<span>PhotoShop</span>
					</div>
				</div>
			</div>
		</div>
		<div class="tab">
			<div class="top">
				<h3>Contact</h3>
			</div>
			<div class="contact-box">
				<ul class="contact">
					<li><img src="./logo/163-ico.png" alt="网易邮箱ico">hello_uou@163.com</li>
					<li><img src="./logo/QQ-ico.png" alt="QQ.ico">447465713
					</li>
					<li><img src="./logo/phone-ico.png" alt="pnone.ico">18702825875</li>
					<li>
						<img src="./logo/wx-ico.png" alt="wx.ico">
						<img src="./logo/ma.jpg" alt="微信二维码" class="ma">
					</li>
					<li>感谢您花时间阅读我的简历，期待能有机会和您一起工作。</li>
				</ul>
			</div>
		</div>
		
	</div>

	<script src="./js/common.js"></script>
</body>
</html>			